<!--
 * @Descripttion : FOXCMS是一款高效的PHP多端跨平台内容管理系统
 * @Author       : FoxCMS Team
 * @Date         : 2023-01-10 09:50:26
 * @version      : V1.08
 * @copyright    : ©2021-现在 贵州黔狐科技股份有限公司 版权所有
 * @LastEditTime : 2024-02-23 14:24:33
-->
<!DOCTYPE html>
<html lang="cn">
	<head>
		{include file="header"/}
		<title>[$article.title]-{fox:basic name='title'/}</title>
		<meta name="keywords" content="[$article.keywords]" />
		<meta name="description" content="[$article.description]" />
	</head>
	<body>
		<!-- 顶部 -->
		<header class="foxui-border-bottom foxui-bg-white">{include file="nav"/}</header>
		<!-- 主体内容 -->
		<main>
			{include file="colbg"/}
			<!-- 内容 -->
			<div class="foxcms-container">
				<div class="foxui-row foxui-gutter-20">
					<div class="foxui-col-xs-24 foxui-col-md-4">{include file="banner"/}</div>
					<div class="foxui-col-xs-24 foxui-col-md-20">
						<div class="foxcms-body-container">
							<ul class="foxui-breadcrumb content-separator">
								{fox:positionshut name='field'}
								<li class="foxui-breadcrumb-item" data-content=">">
									<a href="[$field.link]">[$field.name]</a>
								</li>
								{/fox:positionshut}
							</ul>
							<div class="foxcms-content-container">
								<div class="article">
									<h1>[$images.title]</h1>
									<div class="info">
										<p>日期：<span>[$images.release_time|date='Y-m-d H:m']</span></p>
										<p>浏览量：<span>[$images.click]</span></p>
									</div>
								</div>
								<div class="content">
									<div class="swiper imageSwiper"
										style="--swiper-navigation-color: #666; --swiper-pagination-bullet-inactive-color: #666; --swiper-pagination-color: #666">
										<div class="swiper-wrapper">
											{fox:imageslist name="field" calltype="parent" model="images"}
											<div class="swiper-slide"><img src="[$field.imgsrc]" /></div>
											{/fox:imageslist}
										</div>
										<div class="swiper-button-next"></div>
										<div class="swiper-button-prev"></div>
										<div class="swiper-pagination"></div>
									</div>
								</div>
								<div class="foxcms-detail-pagination">
									{fox:prenext get='pre' disstyle='disabled'/}
									<div class="pre [$field.disstyle]">
										<p>上一篇</p>
										<a href="[$field.link]" class="foxui-ellipsis-2">[$field.title ?? '没有了']</a>
									</div>
									{/fox:prenext} {fox:channel name='field' type='self'}
									<div class="center">
										<a href="[$field.link]">
											<i class="foxui-icon-zhenlie-f"></i>
										</a>
									</div>
									{/fox:channel} {fox:prenext get='next' disstyle='disabled'/}
									<div class="next [$field.disstyle]">
										<p>下一篇</p>
										<a href="[$field.link]" class="foxui-ellipsis-2">[$field.title ?? '没有了']</a>
									</div>
									{/fox:prenext}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</main>
		<!-- 底部 -->
		<footer>{include file="footer"/}</footer>
	</body>
	<script>
		var swiper = new Swiper(".imageSwiper", {
			autoHeight: true,
			spaceBetween: 20,
			navigation: {
				nextEl: ".swiper-button-next",
				prevEl: ".swiper-button-prev",
			},
			pagination: {
				el: ".swiper-pagination",
				clickable: true,
			},
		});
	</script>
</html>